window.onscroll = function () {
	//scrollTop就是触发滚轮事件时滚轮的高度
	var middle = document.querySelector(".middle"),
		mill = document.querySelector(".mill"),
		sc = document.querySelector(".sc");
	let oo = document.querySelector(".oo");
	let li = document.querySelector(".li");
	let zi = document.querySelector(".zi");
	let ts = document.querySelector(".ts");
	let code = document.querySelector(".code")
	//middle.scrollHeight
	var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
	//console.log("滚动距离" + scrollTop);

	if (scrollTop > 250) {
		setTimeout(function () {
			document.querySelector(".qq").classList.add("xi");
			code.classList.add("zoomIn");
			code.style.opacity = `1`;
			document.querySelector(".img").style.opacity = `1`;
		}, 700)
	}

	//第一个
	if (scrollTop > 1100) {

		sc.classList.add("anime");
		document.querySelector(".middle_two").style.opacity = `1`;
		document.querySelector(".middle_two").classList.add("animate__fadeIn");
		setTimeout(function () {
			document.querySelector(".sc1").classList.add("anime_1");
			document.querySelector(".sc2").classList.add("anime_2");
			document.querySelector(".sc3").classList.add("anime_3");
			document.querySelector(".oo").classList.add("animate__flipInX");
			oo.style.opacity = `1`;

		}, 800)
	}

	//第二个
	if (scrollTop > 1700) {
		setTimeout(function () {
			document.querySelector(".ps").classList.add("right");
			document.querySelector(".zi").classList.add("animate__flipInX");
			zi.style.opacity = `1`;
			document.querySelector(".fruits").classList.add("animate__fadeIn");
			document.querySelector(".fruits").style.opacity = `1`;
		}, 500)
	}

	//第三个
	if (scrollTop > 2600) {
		document.querySelector(".os").classList.add("animate__fadeIn");
		document.querySelector(".os").style.opacity = `1`;
		setTimeout(function () {
			document.querySelector(".is_1").classList.add("oss");
			document.querySelector(".is_2").classList.add("osn");
			document.querySelector(".ts").classList.add("animate__zoomInRight");
			ts.style.opacity = `1`;
			document.querySelector(".os").classList.add("animate__fadeIn");
			document.querySelector(".os").style.opacity = `1`;
		}, 700)
	}

	//第四个
	if (scrollTop > 3300) {
		document.querySelector(".ob").classList.add("animate__fadeIn");
		document.querySelector(".ob").style.opacity = `1`;
		setTimeout(function () {
			document.querySelector(".is_3").classList.add("fruits");
			document.querySelector(".is_4").classList.add("fruits_1");
			document.querySelector(".li").classList.add("animate__zoomInRight");
			li.style.opacity = `1`;

		}, 900)
	}
}


// 轮播图
window.onload = function () {
	var mySwiper = new Swiper('.swiper-container', {
		// direction: 'vertical', // 垂直切换选项
		loop: true, // 循环模式选项
		effect: 'fade',
		autoplay: true,//可选选项，自动滑动


		// 如果需要分页器
		// pagination: {
		// 	el: '.swiper-pagination',
		// },

		// 如果需要前进后退按钮
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},


		on: {
			init: function () {
				swiperAnimateCache(this); //隐藏动画元素 
				swiperAnimate(this); //初始化完成开始动画
			},
			slideChangeTransitionEnd: function () {
				swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
				//this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
			}
		}


	})

	var one = document.querySelector(".one");
	var two = document.querySelector(".two");
	var three = document.querySelector(".three");
}




